.h5LivePage {
  width: 100%;
  padding: 0 0.2rem;
  background-color: var(--bgfff);

  >article {


    >p,
    >section {
      margin: 0.2rem 0;
    }

    >p {
      display: flex;
      margin: 0.3rem 0;

      >span {
        width: 1.28rem;
        height: 0.42rem;
        background: var(--theme);
        border-radius: 0.30rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 0.24rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
      }

      >em {
        font-size: 0.28rem;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: var(--font333);
        margin-right: 0.3rem;
      }
    }
  }
}

.matchInfo {
  width: 100%;
  margin-top: 0.1rem;
  padding: 0.2rem;
  background-color: var(--bgfff);

  >h2 {
    font-size: 0.28rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: var(--font333);
    line-height: 0.4rem;
  }

  >p {
    font-size: 0.24rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: var(--font999);
    line-height: 0.34rem;
    margin-bottom: 0.1rem;

    >span {
      &:last-child {
        // margin-left: 0.2rem;
      }
    }
  }
}